<template>
    <div id="logup">
        <Header></Header>
        <PageDescription :urlAndWords="this.urlAndWords"></PageDescription>
       <div class="outside banxin">
        <div>
            <div class="word supplier" @click="providers_login">
                <span>服务供应商注册</span>
                <span>Individual supplier</span>
            </div>

        </div>
        <div>
            <div class="word enterprise" @click="enterprise_login">
                <span>企业注册</span>
                <span>enterprise</span>
            </div>
        </div>
    </div>
        <Footer></Footer>

    </div>

</template>

<script>
    import Header from "@/components/content/header/Header";
    import PageDescription from "@/components/content/pageDescription/PageDescription";
    import Footer from "@/components/content/footer/Footer";
    export default {
        name: "logup",
        components:{
            Header,
            PageDescription,
            Footer
        },
        data(){
            return{
                urlAndWords: {
                    url:require("@/assets/image/logup/logup.jpg"),
                    c_word:'注册',
                    e_word:'Registered',
                },

            }
        },
        methods:{
            providers_login(){
                this.$router.push('/providersLogup')
            },
            enterprise_login(){
                this.$router.push('/enterpriseLogup')
            },
        }
    }
</script>

<style scoped>
    .outside{
        width: 60%;
        height: 790px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .outside div{
        width: 342px;
        height: 342px;
        background-color: rgba(2, 125, 180, 1);
    }
    .word{
        color: white;
        font-size: 29px;
        text-align: center;
        line-height: 32px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
</style>
